body{
	background-color: #F7F9FA;
}

.leftpart {
	background-color: #57D2F7;
	position:absolute;
	margin: 5px 0;
	width: 15%;
	height: 98%;
	border-width: 1px;
	border-color: #CCCCCC;
	border-style:solid;
}

.rightpart {
	position:absolute;
	margin:5px 0 0 15%;
	width: 85%;
	height: 98%;
}

.topnav {
	background-color: #FFFFFF;
	position: relative;
	margin: 0 20px;
	height: 40px;
	line-height: 40px;
	border-width: 1px;
	border-color: #CCCCCC;
	border-style:solid;
}

.survey {
	background-color: #FFFFFF;
	position: relative;
	margin: 10px 20px;
	height: 100px;
	border-width: 1px;
	border-color: #CCCCCC;
	border-style:solid;
	z-index: 15;
}

.mainshow {
	position: relative;
	margin: 10px 20px;
	height: 80%;
	z-index: 15;
}

.orderlist {
	background-color: #FFFFFF;
	position: absolute;
	margin: 10px auto;
	height:95%;
	width: 70%;
	border-width: 1px;
	border-color: #CCCCCC;
	border-style:solid;
}

.rightnav {
	position:relative;
	float: right;
	margin: 5px auto;
	width: 28%;
	height:95%;
}

.notice {
	background-color: #FFFFFF;
	position: relative;
	margin: 5px 5px;
	height: 48%;
	border-width: 1px;
	border-color: #CCCCCC;
	border-style:solid;
}

.repair {
	background-color: #FFFFFF;
	position: relative;
	margin: 20px 5px;
	height: 48%;
	border-width: 1px;
	border-color: #CCCCCC;
	border-style:solid;
}

li{
	list-style-type:none;
}

.lipart{
	margin: 0 0 0 10px;
}

#ullist{
	margin: 50px 0 0 0;
}

.lilist h3{
	color: #FFFFFF;
}

.zilist{
   text-decoration:none;
	 color: #FFFFFF;
   line-height: 1.5;
}
.zilist:hover{
	 color: #FF9900;
}

#fwczgl{
	margin: 10px;
	font-size:20px;
	font-weight: 700;
}

#navright{
	float: right;
	margin: 0 20px 0 0;
}

#navright span{
	margin: 0 2px;
}
#navright a{
	margin: 0 2px;
	text-decoration:none;
	color:#000000;
}

.servertitle{
	position: absolute;
	margin: 0 0 0 30px;
	line-height: 60px;
	width: 150px;
}

.servertitle h3{
	font-weight: 100;
}

.serveytable{
	position: relative;
	float: right;
	margin: 0 50px 0 0;
	width: 70%;
}

.serveytable p{
	text-align: center;
	color: #FF9933;
	font-size: 18px;
}

.serveytable span{
	margin: 0 0 0 70px;
	text-align: center;
	color: #CCCCCC;
	font-size: 16px;
}

.serveytable td{
	width: 200px;
}

.orderlist table,.feelisttable table{
	width: 100%;
	text-align: center;
	border-collapse: collapse;
}

.orderlist thead,.feelisttable thead{
	height: 35px;
	background-color: #57D2F7;
	border-width: 0px 0px 1px 0px; 
	padding:10px 0px;
}

.orderlist td,.feelisttable td{
	border-bottom:solid #99ccdd; 
	border-width: 0px 0px 1px 0px; 
	padding:10px 0px;
}

.notice p{
	margin: 0px 10px 10px 0px;
	width: auto;
	height: 40px;
	line-height: 45px;
	font-size: 18px;
	font-weight: 100;
	background: -webkit-linear-gradient(left, #57D2F7 , white); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #57D2F7, white); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #57D2F7, white); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #57D2F7 , white); /* 鏍囧噯鐨勮娉曪紙蹇呴』鏀惧湪鏈�悗锛�*/
}
.notice table{
	margin: 5px 10px;
	line-height: 25px;
}

.notice span{
	color: #999999;
}

.notice a{
	color: #000000;
	font-weight: 0;
	font-size: 14px;
}
.repair p{
	margin: 0px 10px 10px 0px;
	width: auto;
	height: 40px;
	line-height: 45px;
	font-size: 18px;
	font-weight: 100;
	background: -webkit-linear-gradient(left, #57D2F7 , white); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #57D2F7, white); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #57D2F7, white); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #57D2F7 , white); /* 鏍囧噯鐨勮娉曪紙蹇呴』鏀惧湪鏈�悗锛�*/
}

.repair table{
	margin: 5px 10px;
	line-height: 25px;
}

.repair span{
	color: #999999;
}

.repair a{
	color: #000000;
	font-weight: 0;
	font-size: 14px;
}

#choose_add {
	top: 150px;
	height: 200px;
	width: 450px;
	border: 1px solid #F7F9FA;
	margin:auto;
	display: none;
	z-index: 50;
	position: relative;
	background-color: #F7F9FA;
}

#choose_add #win_top {
	height: 30px;
	width: 450px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	line-height: 30px;
	color: #666;
	font-family: "微软雅黑", Verdana, sans-serif, "宋体";
	font-weight: bold;
	text-indent: 1em;
}
#choose_add a {
	float: right;
	margin-right: 5px;
}
#shade {
	background-color:#000;
	position:absolute;
	z-index:49;
	display:none;
	width:100%;
	height:100%;
	opacity:0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	margin: 0px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}
#choose_but{
	width: 450px;
	height: 220px;
}
#choose_but input{
	border-style: none;
	background-color: #57D2F7;
	text-align: center;
	width: 100px;
	height: 100px;
	color: #ffffff;
	font-size: 18px;
	margin:30px 0 0 80px;
	border-radius:3px; 
	box-shadow:0 1px 1px #ddd;
	cursor:pointer;border:0px;border-bottom-style:none;border-top-style:none;border-left-style:none;border-right-style:none;
}

.qryAllRoom{
	height: auto;
	margin: 0 20px;
	background-color: #FFF;
}

.qryalltitle{
	margin-top: 10px;
	margin-bottom: 5px;
	width: 500px;
	height: 25px;
	background: -webkit-linear-gradient(left, #57D2F7 , white); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #57D2F7, white); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #57D2F7, white); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #57D2F7 , white); /* 鏍囧噯鐨勮娉曪紙蹇呴』鏀惧湪鏈�悗锛�*/
}

.qryalltitle span{
	margin-left: 10px; 
}
.buddy {
	border: 2px solid #ccc;
	padding-left: 0px;
}
.buddy li {
	padding: 5px;
	overflow:hidden;
	display:inline;
	float:left;
	width:25%;
	border:1px solid #F3F3F3;
	background:#FFF;
	margin: 10px;
}

.roomlb span{
	font-size: 14px;
	font-weight: 100;
	line-height: 1px;
	margin-left:10px; 
}

.roomlb a{
	float: right;
	margin-right: 20px;
	text-decoration: none;
}
#minipic{
	width: 80px;
	height: 80px;
	margin: 2px;
	border: 1px solid #ccc;
	float: left;
}

.bbda {
	border-bottom:1px dashed #CDCDCD;
}


#cust_add {
	margin: 10px 20px;
	position: relative;
	background-color: #FFF;
}

.marktitle span,.infotitle span,.pwdtitle span,.addtitle span{
	margin: 10px 10px;
}

.marktitle,.infotitle,.pwdtitle,.addtitle{
	margin: 5px 0;
	width: 300px;
	height: 30px;
	line-height: 30px;
	background: -webkit-linear-gradient(left, #57D2F7 , white); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #57D2F7, white); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #57D2F7, white); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #57D2F7 , white); /* 鏍囧噯鐨勮娉曪紙蹇呴』鏀惧湪鏈�悗锛�*/
}

.markform{
	margin: 20px 30%;
	background-color: #FFFF;
}
.markform span{
	display:inline-block;
	width: 100px;
	margin: 2px 20px;
	text-align: right;
	line-height: 1.5;
}
.markform input{
	height: 30px;
	width: 200px;
	margin: 5px 0;
}
.markform label{
	color: red;
	margin: 0 5px;
}

#addCust{
	width: 200px;
	height: 30px;
	text-align: center;
	margin: 10px 0 0 70px;
}

.qryAllFee{
	border: 1px solid #000;
	margin: 10px 20px;
	height: 600px;
}

.allfeetitle{
	width: 300px;
	height: 30px;
	line-height: 30px;
	background: -webkit-linear-gradient(left, #57D2F7 , #F7F9FA); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #57D2F7, #F7F9FA); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #57D2F7, #F7F9FA); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #57D2F7 , #F7F9FA); /* 鏍囧噯鐨勮娉曪紙蹇呴』鏀惧湪鏈�悗锛�*/
}

.allfeetitle span{
	margin: 0 0 0 5px;
}

.feeorderby{
	height: 50px;
	border-bottom: 2px solid #c7c7c7;
}
.feeorderby li{
	width: auto;
	height: 35px;
	list-style: none;
	float: left;
	margin: 5px 1px;
	background-color: #57D2F7;
	font-size: 18px;
	line-height: 35px;
}

.feeorderby a{
	text-decoration: none;
	color: #FFFFFF;
	margin:5px;
}

#active{
	width: auto;
	height: 35px;
	list-style: none;
	float: left;
	margin: 4px 1px;
	background-color: #0099CC;
	font-size: 19px;
	line-height: 35px;
}

.codeFee{
	position: relative;
	border: 1px solid #000;
	margin: 10px 20px;
}

#exlleft{
	position: relative;
	margin: 10px 30px;
	float: left;
	border: 1px solid #000;
}

#exlright{
	margin: 10px 30px;
	float: left;
	border: 1px solid #000;
}

.qryAllMsg{
	margin: 10px 20px;
}

.msgbody{
	margin: 0 5%;
	background-color: #FFF;
}

#msgnav{
	height: 30px;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 5px;
}

#msgnav ul{
	padding-left: 0px;
	margin-top: 0px;margin-bottom: 0px;
}
#msgnav li{
	float: left;
	height: 30px;
	line-height: 30px;
}
#msgnav a{
	text-decoration: none;
	color: #000;
	margin: 0 5px;
}
#msglist{
	height: 600px;
	margin: 5px 20px;
}
#msglist ul{
	border-bottom: 1px solid #000;
	padding-left: 5px;
	height: 30px;
	line-height: 30px;
}

#msglist a{
	color: #000;
}

#msglist img{
	margin: 0 5px;
}

#msglist span{
	text-align: right;
	margin: 0 10px;
	display:block;
	float: right;
	width: 100px;
}

#active1{
	border: 1px solid #000;
	border-bottom: none;
}

#line{
	border-top: 1px solid #000;
}

#msgnr {
	top: 100px;
	height: 350px;
	width: 450px;
	border: 3px solid #57D2F7;
	margin-right: auto;
	margin-left: auto;
	z-index: 50;
	display: none;
	position: relative;
	background-color: #FFF;
}

.dowebok{ list-style-type: none;}
.dowebok li { display: inline-block;}
.dowebok li { margin: 10px 0;}
input.labelauty + label { font: 12px "Microsoft Yahei";}

#editorbody{
	margin: 0 20px;
}

#editorbody input{
	width: 150px;
	height: 40px;
	margin: 5px 50%;
}

.sendNotice{
	margin: 10px 20px;
}

.noticenr{
	margin: 20px 0;
}

.noticetitle input{
	width: 300px;
	height: 30px;
	margin: 0 0 0 20px;
}

.noticenr input{
	width: 150px;
	height: 40px;
	margin: 5px 50%;
}

.modifyInfo{
	border: 1px solid #000;
	margin: 20px;
}

.infoform{
	width: 500px;
	margin: 20px 30%;
}

.infoform input{
	width: 200px;
	height: 30px;
	margin: 5px;
}

.infoform label{
	display:inline-block;
	width: 100px;
	margin: 2px 20px;
	text-align: right;
	line-height: 1.5;
}

.infoform select{
	margin: 2px 5px;
	width: 150px;
	height: 30px;
}

.modifyper{
	margin: 10px 100px;
}

.modifyPwd{
	border: 1px solid #000;
	margin: 20px;
}

.pwdform{
	width: 500px;
	margin: 20px 30%;
}

.pwdform input{
	width: 200px;
	height: 30px;
	margin: 5px;
}

.pwdform label{
	display:inline-block;
	width: 100px;
	margin: 2px 20px;
	text-align: right;
	line-height: 1.5;
}

.moreadd,.simadd{
	margin: 20px;
}

.addform{
	width: 80%;
	margin: 20px auto;
}



.addform label{
	display:inline-block;
	width: 100px;
	margin: 2px 20px;
	text-align: right;
	line-height: 1.5;
}

.addform select{
	margin: 2px 5px;
	width: 150px;
	height: 40px;
}

.longinput{
	margin-left: 5px;
	margin: 5px;
	width: 400px;
	height: 30px;
}

.miniinput{
	width: 50px;
	height:30px;
	margin: 5px;
}

.submoreadd{
	width: 150px;
	height: 30px;
	margin: 10px;
	margin-left: 30%;
}

.subsimadd{
	width: 150px;
	height: 30px;
	margin: 10px;
	margin-left: 30%;
}